<div class="va-table-responsive">
  <table class="va-table">
    <thead>
      <tr>
        <th>Name</th>
        <th>Email</th>
        <th>Country</th>
        <th>Status</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Ashley Mcdaniel</td>
        <td>ashleymcdaniel@nebulean.com</td>
        <td>Cayman Islands</td>
        <td>
          <va-badge text="warning" color="warning" />
        </td>
      </tr>
      <tr>
        <td>Todd Sellers</td>
        <td>sellerstodd@nebulean.com</td>
        <td>Togo</td>
        <td>
          <va-badge text="info" color="info" />
        </td>
      </tr>
      <tr>
        <td>Sherman Knowles</td>
        <td>shermanknowles@nebulean.com</td>
        <td>Central African Republic</td>
        <td>
          <va-badge text="warning" color="warning" />
        </td>
      </tr>
      <tr>
        <td>Vasquez Lawson</td>
        <td>vasquezlawson@nebulean.com</td>
        <td>Bouvet Island</td>
        <td>
          <va-badge text="info" color="info" />
        </td>
    </tbody>
  </table>
</div>

<style lang="scss" scoped>
  .va-table-responsive {
    overflow: auto;
  }
</style>
